$(function() {
	$("#operationalArea").droppable({
		tolerance: 'fit',
		drop: function(event, ui) {
			
			if(ui.draggable.hasClass('menuItem')) {
				var moduleTpl = ui.draggable.attr('id') + 'Module';
				var module = $("div." + moduleTpl).clone().show()
					.css({'top':ui.position.top, 'left':ui.position.left, 'position': 'absolute'})
					.draggable({containment: 'parent'});

				module.find("span.delete-icon").click(function() {
					$(this).parent().parent().fadeOut("normal", function() {
						$(this).remove();
					});
				});

				module.find("div.pnModule-body").rightClick(function(e) {
					if($(this).hasClass("ui-selected")) {
						
					
					}
					
				})
				
				$(this).append(module);
			}
		}

	}).selectable({
		filter: 'div.pnModule-body'
	});

	
	
	$(".menuItem").draggable({
		helper: 'clone',
		revert: 'invalid',
		cursor: 'pointer'
		
	});

	$('html').noContext();
	
})